{include file="public/header" /}
<link rel="stylesheet" href="/static/admin/builder/css/base.css" media="all">
<style>
    .layui-form-item {
        margin-bottom: 15px !important;
        clear: both;
        *zoom: 1;
    }
    .layui-timeline-title{
        margin-bottom: 25px;
    }
</style>

<body>
<div class="layui-fluid layui-anim layui-anim-downbit">
    <div class="layui-card">
        <div class="layui-card-body layui-form" style="padding: 15px;">
            <div class="layui-timeline">
                <div class="layui-timeline-item">
                    <i class="layui-icon layui-timeline-axis"></i>
                    <div class="layui-timeline-content layui-text">
                        <h3 class="layui-timeline-title">订单信息</h3>
                        <div class="layui-form-item">
                            <label class="layui-form-label">订单编号</label>
                            <div class="layui-input-inline">
                                <input type="text" class="layui-input" value="{$info.sn}" readonly="">
                            </div>
                            <label class="layui-form-label">下单时间</label>
                            <div class="layui-input-inline">
                                <input type="text" class="layui-input" value="{$info.create_time}" readonly="">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">订单状态</label>
                            <div class="layui-input-inline">
                                <input type="text" class="layui-input" value="{$info.status}" readonly=""
                                       style="color: red">
                            </div>
                            <label class="layui-form-label">支付方式</label>
                            <div class="layui-input-inline">
                                <input type="text" readonly="" autocomplete="off" class="layui-input"
                                       value="{$info.pay_way}"/>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">支付状态</label>
                            <div class="layui-input-inline">
                                <input type="text" class="layui-input" value="{$info.pay_state?'已支付':'未支付'}"
                                       readonly="">
                            </div>
                            <label class="layui-form-label">支付时间</label>
                            <div class="layui-input-inline">
                                <input type="text" class="layui-input" value="{$info.pay_time}" placeholder="未支付"
                                       readonly="">
                            </div>
                        </div>

                        <div class="layui-form-item">
                            <label class="layui-form-label">总金额</label>
                            <div class="layui-input-inline">
                                <input type="text" class="layui-input" value="{$info.total_amount}" readonly="">
                            </div>

                            <label class="layui-form-label">实付金额</label>
                            <div class="layui-input-inline">
                                <input type="text" class="layui-input" value="{$info.real_amount}" readonly="">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">备注</label>
                            <div class="layui-input-block">
                                <input type="text" class="layui-input" value="{$info.remark}" readonly=""
                                       style="width: 100%">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="layui-timeline-item">
                    <i class="layui-icon layui-timeline-axis"></i>
                    <div class="layui-timeline-content layui-text">
                        <h3 class="layui-timeline-title">下单会员</h3>
                        <div class="layui-form-item">

                            <label class="layui-form-label">会员编号</label>
                            <div class="layui-input-inline">
                                <input type="text" class="layui-input" value="{$info.user.code}" readonly="">
                            </div>

                            <label class="layui-form-label">会员昵称</label>
                            <div class="layui-input-inline">
                                <input type="text" class="layui-input" value="{$info.user.nickname}" readonly="">
                            </div>

                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">会员手机号</label>
                            <div class="layui-input-inline">
                                <input type="text" class="layui-input" value="{$info.user.mobile}" readonly="">
                            </div>
                        </div>

                    </div>
                </div>
                <div class="layui-timeline-item">
                    <i class="layui-icon layui-timeline-axis"></i>
                    <div class="layui-timeline-content layui-text">
                        <h3 class="layui-timeline-title">收发货信息</h3>
                        <div class="layui-form-item">
                            <label class="layui-form-label">收货人</label>
                            <div class="layui-input-inline">
                                <input type="text" class="layui-input" value="{$info->receiver}" readonly="">
                            </div>
                            <label class="layui-form-label">收货电话</label>
                            <div class="layui-input-inline">
                                <input type="text" class="layui-input" value="{$info->receiver_tel}" readonly="">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">收货地址</label>
                            <div class="layui-input-block">
                                <input type="text" class="layui-input"
                                       value="{$info.p.title}{$info.c.title}{$info.d.title}{$info.address_details}"
                                       readonly=""
                                       style="width: 50%">
                            </div>
                        </div>

                        <div class="layui-form-item">

                            <label class="layui-form-label">快递公司</label>
                            <div class="layui-input-inline">
                                <input type="text" class="layui-input" value="{$info.express?$info.express.title:''}"
                                       placeholder="未发货" readonly="">
                            </div>
                            <label class="layui-form-label">快递单号</label>
                            <div class="layui-input-inline">
                                <input type="text" class="layui-input" value="{$info.express_code}" placeholder="未发货"
                                       readonly="">
                            </div>
                        </div>

                        <div class="layui-form-item">
                            <label class="layui-form-label">发货时间</label>
                            <div class="layui-input-inline">
                                <input type="text" class="layui-input" value="{$info.post_time}" placeholder="未发货"
                                       readonly="">
                            </div>
                            <label class="layui-form-label">收货时间</label>
                            <div class="layui-input-inline">
                                <input type="text" class="layui-input"
                                       value="{$info.receipt_time}"
                                       placeholder="未收货" readonly="">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="layui-timeline-item">
                    <i class="layui-icon layui-timeline-axis"></i>
                    <div class="layui-timeline-content layui-text">
                        <h3 class="layui-timeline-title">订单商品</h3>
                        <div class="layui-form-item">
                            <label class="layui-form-label">订单商品</label>
                            <div class="layui-input-inline" style="width: 80%;">
                                <table class="layui-table layui-form" style="margin: 0px;">
                                    <thead>
                                    <tr>
                                        <th>商品名称</th>
                                        <th>缩略图</th>
                                        <th>单价</th>
                                        <th>规格</th>
                                        <th>数量</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    {foreach name="$info.productsField" item="v"}
                                    <tr class="data_line">
                                        <td>{$v.title}</td>
                                        <td><a href="{$v.icon}" target="_blank">
                                            <img src="{$v.icon}" style="width: 30px"/>
                                        </a>
                                        </td>
                                        <td>{$v.vip_price}</td>
                                         <td>{$v.sku_name}</td>
                                        <td>{$v.num}</td>
                                    </tr>
                                    {/foreach}
                                    </tbody>

                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
{include file="public/footer" /}
</html>